/* This code is only meant for previewing your Reflow design. */
.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
}

#box2 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 30px;
    clear: none;
    width: 100%;
    display: block;
    margin-right: 0%;
}

#text6 {
    float: none;
    font-size: 22px;
    width: 51.077709%;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: auto;
    margin-top: 48.703125px;
    clear: none;
    min-height: 0px;
    font-family: Sanchez;
    color: rgb(77, 77, 77);
    display: block;
    margin-right: auto;
}

#text7 {
    float: none;
    font-size: 20px;
    width: 36.516416%;
    height: auto;
    text-align: center;
    font-weight: 100;
    line-height: 1.2em;
    margin-left: auto;
    margin-top: 15px;
    clear: none;
    min-height: 0px;
    font-family: Muli;
    color: rgb(77, 77, 77);
    margin-right: auto;
    display: block;
    margin-bottom: 100px;
}

#image1 {
    float: none;
    width: 235px;
    max-width: none;
    height: 90px;
    margin-left: auto;
    margin-top: 68px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
}

#image2 {
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-top: 45px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: auto;
}

#box3 {
    float: left;
    height: 600px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 100%;
    display: block;
    background-color: rgb(149, 199, 236);
    margin-right: 0%;
    background-image:url("img/pastedsvg%2038.svg"),url("img/pastedsvg%2037.svg"),-webkit-linear-gradient(270deg, rgb(225, 243, 253) 64%, rgb(149, 199, 236) 64%);
    background-image: url(file:///C:/Users/KeatleyCreek/Documents/Best%20Juanse%20Portfolio/assets/img/pastedsvg%2038.svg), url(file:///C:/Users/KeatleyCreek/Documents/Best%20Juanse%20Portfolio/assets/img/pastedsvg%2037.svg), linear-gradient(180deg, rgb(225, 243, 253) 64%, rgb(149, 199, 236) 64%);
    background-position: 25.611927% 448.125px, 0% 499px, 0% 0%;
    background-repeat: no-repeat, no-repeat, repeat;
    background-attachment: scroll;
    -webkit-background-size: 9.188141822814941% 93.109375px, 11.70442008972168% 101.27999877929688px, auto;
    background-size: 9.188141822814941% 93.109375px, 11.70442008972168% 101.27999877929688px, auto;
}

#text8 {
    float: left;
    font-size: 22px;
    width: 24.382107%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 23.213958%;
    margin-top: 188.125px;
    clear: none;
    min-height: 0px;
    font-family: Sanchez;
    color: rgb(77, 77, 77);
    display: block;
    margin-right: 0px;
}

#text9 {
    float: left;
    font-size: 20px;
    width: 21.437087%;
    height: auto;
    text-align: left;
    font-weight: 100;
    line-height: 1.2em;
    margin-left: 23.258667%;
    margin-top: 15px;
    clear: both;
    min-height: 0px;
    font-family: Muli;
    color: rgb(77, 77, 77);
    display: block;
    margin-right: 0px;
}

#image3 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 5.314563%;
    margin-top: -74.109375px;
    clear: none;
    color: rgb(0, 0, 0);
}

#box4 {
    float: left;
    height: 550px;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
    margin-right: 0%;
    display: block;
    background-color: rgb(255, 255, 255);
}

#text10 {
    float: left;
    font-size: 22px;
    width: 21.558602%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 23.258667%;
    margin-top: 196px;
    clear: none;
    min-height: 0px;
    font-family: Sanchez;
    color: rgb(77, 77, 77);
    display: block;
    margin-right: 0px;
}

#text11 {
    float: left;
    font-size: 20px;
    width: 19.407375%;
    height: auto;
    text-align: left;
    font-weight: 100;
    line-height: 1.2em;
    margin-left: 23.258667%;
    margin-top: 15px;
    clear: both;
    min-height: 0px;
    font-family: Muli;
    color: rgb(77, 77, 77);
    display: block;
    margin-right: 0px;
}

#image4 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 10.228798%;
    margin-top: -138px;
    clear: none;
    color: rgb(0, 0, 0);
}

#box5 {
    float: left;
    height: 600px;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
    display: block;
    background-color: rgb(149, 199, 236);
    margin-right: 0%;
    background-image:url("img/pastedsvg%2041.svg"),url("img/pastedsvg%2040.svg"),url("img/pastedsvg%2039.svg"),-webkit-linear-gradient(270deg, rgb(225, 243, 253) 64%, rgb(149, 199, 236) 64%);
    background-image: url(file:///C:/Users/KeatleyCreek/Documents/Best%20Juanse%20Portfolio/assets/img/pastedsvg%2041.svg), url(file:///C:/Users/KeatleyCreek/Documents/Best%20Juanse%20Portfolio/assets/img/pastedsvg%2040.svg), url(file:///C:/Users/KeatleyCreek/Documents/Best%20Juanse%20Portfolio/assets/img/pastedsvg%2039.svg), linear-gradient(180deg, rgb(225, 243, 253) 64%, rgb(149, 199, 236) 64%);
    background-attachment: scroll;
    -webkit-background-size: 11.576027% 125.78125px, 5.115095138549805% 50.1875px, 13.065159797668457% 57.890625px, auto;
    background-size: 11.576027% 125.78125px, 5.115095138549805% 50.1875px, 13.065159797668457% 57.890625px, auto;
    background-position: 99.998704% 298px, 33.442873% 535px, 5.906244% 512px, 0% 0%;
    background-repeat: no-repeat, no-repeat, no-repeat, repeat;
}

#text12 {
    float: right;
    font-size: 22px;
    width: 24.382107%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 148px;
    clear: none;
    min-height: 0px;
    font-family: Sanchez;
    color: rgb(77, 77, 77);
    display: block;
    margin-right: 27.102439%;
}

#text13 {
    float: right;
    font-size: 20px;
    width: 25.882704%;
    height: auto;
    text-align: left;
    font-weight: 100;
    line-height: 1.2em;
    margin-left: 0px;
    margin-top: 15px;
    clear: both;
    min-height: 0px;
    font-family: Muli;
    color: rgb(77, 77, 77);
    display: block;
    margin-right: 25.600697%;
}

#image5 {
    float: right;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0px;
    margin-top: -74px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 1.615233%;
}

#box6 {
    float: left;
    height: 300px;
    margin-left: 0%;
    margin-top: 2px;
    clear: both;
    width: 100%;
    display: block;
    margin-right: 0%;
}

#text14 {
    float: left;
    font-size: 16px;
    width: 12.903522%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 19.409162%;
    margin-top: 78.5px;
    clear: none;
    min-height: 0px;
    font-family: Sanchez;
    margin-right: 0%;
    color: rgb(77, 77, 77);
}

#text15 {
    float: left;
    font-size: 16px;
    width: 12.903522%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 10.43883%;
    margin-top: 78.5px;
    clear: none;
    min-height: 0px;
    font-family: Sanchez;
    margin-right: 0%;
    color: rgb(77, 77, 77);
}

#text16 {
    float: left;
    font-size: 16px;
    width: 12.903522%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 10.226752%;
    margin-top: 78.5px;
    clear: none;
    min-height: 0px;
    font-family: Sanchez;
    margin-right: 0%;
    color: rgb(77, 77, 77);
}

#text17 {
    float: left;
    font-size: 16px;
    width: 12.903522%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 19.475651%;
    margin-top: 22.125px;
    clear: both;
    min-height: 0px;
    font-family: Muli;
    margin-right: 0%;
    color: rgb(77, 77, 77);
    display: block;
}

#text18 {
    float: left;
    font-size: 16px;
    width: 12.903522%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 10.312729%;
    margin-top: 22.25px;
    clear: none;
    min-height: 0px;
    font-family: Muli;
    margin-right: 0%;
    color: rgb(77, 77, 77);
    display: block;
}

#text19 {
    float: left;
    font-size: 16px;
    width: 12.903522%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 10.27146%;
    margin-top: 22.125px;
    clear: none;
    min-height: 0px;
    font-family: Muli;
    margin-right: 0%;
    color: rgb(77, 77, 77);
    display: block;
}

#box {
    float: left;
    height: 30px;
    clear: none;
    width: 100%;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-color: rgb(242, 242, 242);
    border-right-color: rgb(242, 242, 242);
    border-bottom-color: rgb(242, 242, 242);
    border-left-color: rgb(242, 242, 242);
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    opacity: 1;
    position: fixed;
    -webkit-box-shadow: rgba(91, 91, 91, 0.2) 0px 2px 3px 0px;
    box-shadow: rgba(91, 91, 91, 0.2) 0px 2px 3px 0px;
    display: block;
    background-color: rgb(242, 242, 242);
}

#box1 {
    float: none;
    height: auto;
    clear: none;
    width: 50.312959%;
    position: fixed;
    top: 7px;
    left: 24.842948%;
}

#image:hover {
    opacity: 0.7;
}

#image {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0%;
    display: block;
}

#text:hover {
    color: rgb(135, 0, 8);
}

#text:active {
    color: rgb(179, 179, 179);
}

#text {
    float: left;
    font-size: 9px;
    width: 13.041992%;
    height: auto;
    text-align: center;
    font-weight: 100;
    line-height: 1em;
    margin-left: 7.960993%;
    margin-top: 3px;
    clear: none;
    min-height: 9px;
    font-family: Montserrat;
    letter-spacing: 3px;
    color: rgb(77, 77, 77);
    min-width: 0px;
    max-height: none;
    max-width: none;
    margin-right: 0px;
    margin-bottom: 0px;
    display: block;
}

#text1:hover {
    color: rgb(135, 0, 8);
}

#text1:active {
    color: rgb(179, 179, 179);
}

#text1 {
    float: left;
    font-size: 9px;
    width: 10.118709%;
    height: auto;
    text-align: center;
    font-weight: 100;
    line-height: 1em;
    margin-left: 3.278726%;
    margin-top: 3px;
    clear: none;
    min-height: 9px;
    font-family: Montserrat;
    letter-spacing: 3px;
    color: rgb(77, 77, 77);
    margin-right: 0%;
    min-width: 0px;
    max-height: none;
    max-width: none;
    margin-bottom: 0px;
    display: block;
}

#text2:hover {
    color: rgb(135, 0, 8);
}

#text2:active {
    color: rgb(179, 179, 179);
}

#text2 {
    float: none;
    font-size: 9px;
    width: 16.815147%;
    height: auto;
    text-align: center;
    font-weight: 100;
    line-height: 1em;
    margin-left: auto;
    margin-top: 3px;
    clear: none;
    min-height: 9px;
    font-family: Montserrat;
    letter-spacing: 3px;
    color: rgb(179, 179, 179);
    margin-right: auto;
    min-width: 0px;
    max-height: none;
    max-width: none;
    margin-bottom: 0px;
    display: block;
}

#text4:hover {
    color: rgb(135, 0, 8);
}

#text4:active {
    color: rgb(179, 179, 179);
}

#text4 {
    float: right;
    font-size: 9px;
    width: 13.461232%;
    height: auto;
    text-align: center;
    font-weight: 100;
    line-height: 1em;
    margin-left: 0px;
    margin-top: -9px;
    clear: none;
    min-height: 0px;
    font-family: Montserrat;
    letter-spacing: 3px;
    color: rgb(77, 77, 77);
    margin-right: 0.00227848%;
    min-width: 0px;
    max-height: none;
    max-width: none;
    margin-bottom: 0px;
    display: block;
}

#text3:hover {
    color: rgb(135, 0, 8);
}

#text3:active {
    color: rgb(179, 179, 179);
}

#text3 {
    float: right;
    font-size: 9px;
    width: 16.958691%;
    height: auto;
    text-align: center;
    font-weight: 100;
    line-height: 1em;
    margin-left: 0px;
    margin-top: -9px;
    clear: none;
    min-height: 9px;
    font-family: Montserrat;
    letter-spacing: 3px;
    color: rgb(77, 77, 77);
    margin-right: 17.747044%;
    min-width: 0px;
    max-height: none;
    max-width: none;
    margin-bottom: 0px;
    display: block;
}

#text5:hover {
    color: rgb(135, 0, 8);
}

#text5:active {
    color: rgb(179, 179, 179);
}

#text5 {
    float: right;
    font-size: 9px;
    width: auto;
    height: auto;
    text-align: center;
    font-weight: 100;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 10px;
    clear: none;
    min-height: 0px;
    font-family: Montserrat;
    letter-spacing: 3px;
    color: rgb(77, 77, 77);
    margin-right: 25px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    margin-bottom: 0px;
    display: block;
}

#box7 {
    float: left;
    height: 100px;
    margin-left: 0%;
    margin-top: 0px;
    clear: both;
    width: 100%;
    display: block;
    margin-right: 0%;
    background-color: rgb(234, 234, 234);
}

#box8 {
    float: left;
    height: auto;
    margin-left: 10%;
    margin-top: 37px;
    clear: none;
    width: auto;
}

#image6 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0%;
    display: block;
    opacity: 1;
}

#image7:hover {
    opacity: 0.7;
}

#image7 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 40px;
    margin-top: 0.03125px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0%;
    display: block;
    opacity: 1;
}

#image8:hover {
    opacity: 0.7;
}

#image8 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 40px;
    margin-top: 0.015625px;
    clear: none;
    color: rgb(0, 0, 0);
    margin-right: 0%;
    display: block;
}

#text20 {
    float: none;
    font-size: 12px;
    width: 85.19px;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: auto;
    margin-top: 16px;
    clear: none;
    min-height: 0px;
    font-family: Sanchez;
    color: rgb(77, 77, 77);
    margin-right: auto;
    margin-bottom: 0px;
}

#text21 {
    float: right;
    font-size: 12px;
    width: auto;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 18px;
    clear: none;
    min-height: 0px;
    font-family: Muli;
    color: rgb(77, 77, 77);
    margin-right: 10%;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
}

#text22 {
    float: right;
    font-size: 12px;
    width: auto;
    height: auto;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0px;
    margin-top: 18px;
    clear: none;
    min-height: 0px;
    font-family: Muli;
    color: rgb(77, 77, 77);
    margin-right: 30px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

@media only screen and (max-width: 1315px) {
    #box1 {
        width: 71.891867%;
        top: 7px;
        left: 14.407507%;
    }

    #text5 {
        margin-top: 10px;
        clear: none;
    }

    #text6 {
        height: auto;
        margin-top: 48.703125px;
        margin-left: auto;
        clear: none;
        width: 51.077709%;
        margin-right: auto;
    }

    #text7 {
        margin-top: 15px;
        clear: none;
    }
}

@media only screen and (max-width: 960px) {
    #box2 {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
    }

    #text6 {
        height: auto;
        margin-top: 50.5px;
        margin-left: auto;
        clear: none;
        width: 58.828125%;
        margin-right: auto;
    }

    #text7 {
        height: auto;
        margin-left: auto;
        clear: none;
        width: 62.443034%;
        margin-right: auto;
    }

    #box3 {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
    }

    #text8 {
        height: auto;
        margin-top: 181px;
        margin-left: 6.132813%;
        clear: none;
        width: 33.253581%;
        margin-right: 0%;
    }

    #text9 {
        height: auto;
        margin-left: 5.735677%;
        clear: both;
        width: 35.748698%;
        margin-right: 0%;
    }

    #image3 {
        margin-top: -22px;
        margin-right: 11.24349%;
        margin-left: 0px;
        clear: none;
        float: right;
    }

    #box4 {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
        height: auto;
    }

    #text10 {
        height: auto;
        margin-top: 186px;
        margin-left: 6.202799%;
        clear: none;
        width: 34.132487%;
        margin-right: auto;
    }

    #text11 {
        height: auto;
        margin-left: 6.201172%;
        clear: both;
        width: 38.497721%;
        margin-right: auto;
    }

    #image4 {
        margin-top: -117px;
        margin-left: 4.099935%;
        clear: none;
    }

    #box5 {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
    }

    #text12 {
        height: auto;
        margin-top: 139px;
        margin-left: auto;
        clear: none;
        width: 33.253581%;
        margin-right: 12.722982%;
    }

    #text13 {
        height: auto;
        margin-left: auto;
        clear: both;
        width: 34.132487%;
        margin-right: 11.844076%;
    }

    #image5 {
        margin-top: -86px;
        margin-left: 6.201172%;
        clear: none;
        margin-right: 0%;
    }

    #box6 {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
    }

    #text18 {
        height: auto;
        width: 17.902018%;
    }

    #text19 {
        margin-top: 22.125px;
        margin-left: 5.270182%;
        clear: none;
    }

    #box1 {
        width: 90.958659%;
        top: 7px;
        left: 0%;
        height: 23px;
    }

    #image {
        float: left;
        width: auto;
        max-width: 100%;
        height: auto;
        margin-left: 20.392384%;
        margin-top: 0px;
        clear: none;
        color: rgb(0, 0, 0);
        margin-right: 0%;
    }

    #text {
        float: left;
        font-size: 9px;
        width: 6.5625%;
        text-align: center;
        font-weight: 100;
        line-height: 1em;
        clear: none;
        font-family: Montserrat;
        letter-spacing: 3px;
        color: rgb(77, 77, 77);
        margin-top: 4.1875px;
        margin-left: 7.960013%;
    }

    #text1 {
        float: left;
        font-size: 9px;
        height: auto;
        text-align: center;
        font-weight: 100;
        line-height: 1em;
        clear: none;
        font-family: Montserrat;
        letter-spacing: 3px;
        color: rgb(77, 77, 77);
        margin-top: 4.1875px;
        margin-left: 1.568789%;
    }

    #text2 {
        float: left;
        font-size: 9px;
        width: 15.454288%;
        height: auto;
        text-align: center;
        font-weight: 100;
        line-height: 1em;
        clear: none;
        font-family: Montserrat;
        letter-spacing: 3px;
        margin-top: 4.1875px;
        margin-left: 0%;
        min-height: 9px;
        margin-right: auto;
    }

    #text4 {
        float: left;
        font-size: 9px;
        width: 12.867687%;
        height: auto;
        text-align: center;
        font-weight: 100;
        line-height: 1em;
        clear: none;
        font-family: Montserrat;
        letter-spacing: 3px;
        color: rgb(77, 77, 77);
        margin-top: 4.203125px;
        margin-left: 0.47%;
    }

    #text3 {
        float: left;
        font-size: 9px;
        width: 16.146661%;
        height: auto;
        text-align: center;
        font-weight: 100;
        line-height: 1em;
        clear: none;
        font-family: Montserrat;
        letter-spacing: 3px;
        color: rgb(77, 77, 77);
        margin-top: 4.203125px;
        margin-left: 0.47%;
        min-height: 9px;
        margin-right: 0%;
    }

    #text5 {
        font-size: 9px;
        height: auto;
        text-align: center;
        font-weight: 100;
        line-height: 1em;
        clear: none;
        min-height: 0px;
        font-family: Montserrat;
        letter-spacing: 3px;
        color: rgb(77, 77, 77);
        margin-top: 10px;
    }

    #image1 {
        margin-top: 88px;
    }

    #box7 {
        margin-left: 0%;
        clear: both;
    }

    #box8 {
        clear: both;
    }

    #text20 {
        clear: none;
    }

    #text22 {
        min-height: 12px;
        clear: none;
    }
}

@media only screen and (max-width: 941px) {
    #box2 {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
    }

    #text6 {
        height: auto;
        margin-top: 50.5px;
        margin-left: auto;
        clear: none;
        width: 74.869792%;
        margin-right: auto;
    }

    #text7 {
        height: auto;
        margin-left: auto;
        clear: none;
        width: 65.759277%;
        margin-right: auto;
    }

    #box3 {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
        height: auto;
    }

    #text8 {
        height: auto;
        margin-top: 100px;
        margin-left: auto;
        clear: none;
        width: 38.541667%;
        float: none;
        text-align: center;
        margin-right: auto;
    }

    #text9 {
        height: auto;
        margin-left: auto;
        clear: none;
        width: 57.250977%;
        float: none;
        text-align: center;
        margin-right: auto;
    }

    #image3 {
        margin-top: 41px;
        clear: none;
        margin-left: auto;
        float: none;
        margin-right: auto;
    }

    #box4 {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
    }

    #text10 {
        height: auto;
        margin-top: 100px;
        margin-left: auto;
        clear: none;
        width: 65.844727%;
        float: none;
        text-align: center;
        margin-right: auto;
    }

    #text11 {
        height: auto;
        margin-left: auto;
        clear: none;
        width: 53.849284%;
        float: none;
        text-align: center;
        margin-right: auto;
    }

    #image4 {
        margin-top: 40px;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        float: none;
    }

    #box5 {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
        height: auto;
    }

    #text12 {
        height: auto;
        margin-top: 100px;
        margin-left: auto;
        clear: none;
        width: 38.541667%;
        text-align: center;
        float: none;
        margin-right: auto;
    }

    #text13 {
        height: auto;
        margin-left: auto;
        clear: none;
        width: 53.586833%;
        text-align: center;
        float: none;
        margin-right: auto;
    }

    #image5 {
        margin-right: auto;
        margin-top: 50px;
        clear: none;
        margin-left: auto;
        float: none;
    }

    #box6 {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
    }

    #text18 {
        height: auto;
        width: 14.644368%;
    }

    #text19 {
        margin-top: 22.125px;
        margin-left: 8.524577%;
        clear: none;
    }
}

@media only screen and (max-width: 768px) {
    #box1 {
        width: 84.517415%;
        top: 0px;
        left: 12.227376%;
    }

    #image {
        margin-top: 10px;
        margin-left: 5.749512%;
        clear: none;
    }

    #text {
        margin-top: 10px;
        margin-left: 4.917399%;
        clear: none;
    }

    #text1 {
        margin-top: 10px;
        margin-left: 4.115804%;
        clear: none;
        height: auto;
        min-height: 0px;
        width: 8.996582%;
    }

    #text2 {
        margin-top: 10px;
        margin-left: 4.15446%;
        clear: none;
        height: auto;
        min-height: 0px;
        width: 16.994849%;
        margin-right: auto;
    }

    #text4 {
        margin-top: 10px;
        margin-left: 1.824659%;
        clear: none;
        height: auto;
        width: 14.065283%;
    }

    #text3 {
        margin-top: 10px;
        margin-left: 2.917529%;
        clear: none;
        height: auto;
        min-height: 0px;
        width: 16.910597%;
    }

    #text5 {
        height: auto;
        min-height: 0px;
        margin-top: 10px;
        clear: none;
    }
}

@media only screen and (max-width: 600px) {
    #box {
        height: 40px;
    }

    #box1 {
        width: 82.583333%;
        top: 7px;
        left: 4.914063%;
    }

    #image {
        margin-top: 2px;
        margin-left: 5.748613%;
        clear: none;
    }

    #text {
        margin-top: 2px;
        margin-left: 4.856206%;
        clear: none;
        height: auto;
        min-height: 9px;
        width: 12.008464%;
    }

    #text1 {
        margin-top: 2px;
        margin-left: 3.197528%;
        clear: none;
        height: auto;
        min-height: 9px;
        width: 15.240885%;
    }

    #text2 {
        margin-top: 2px;
        margin-left: 3.09662%;
        clear: none;
        height: auto;
        min-height: 18px;
        width: 12.19401%;
    }

    #text4 {
        margin-top: 2px;
        margin-left: 3.229062%;
        clear: none;
        height: auto;
        min-height: 18px;
        width: 10.647786%;
    }

    #text3 {
        margin-top: 2px;
        margin-left: 3.017785%;
        clear: none;
        height: auto;
        min-height: 0px;
        width: 11.982422%;
    }

    #text5 {
        margin-top: 10px;
        clear: none;
    }

    #box7 {
        margin-left: 0%;
        clear: both;
    }

    #box8 {
        clear: none;
    }

    #text20 {
        clear: none;
        float: none;
    }

    #text22 {
        clear: none;
    }
}

@media only screen and (max-width: 531px) {
    #box8 {
        margin-right: 0%;
        clear: none;
    }
}

@media only screen and (max-width: 480px) {
    #box2 {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
    }

    #text6 {
        margin-top: 50.515625px;
        clear: none;
        margin-left: auto;
        float: none;
        margin-right: auto;
    }

    #text7 {
        height: auto;
        margin-left: auto;
        clear: none;
        width: 82.470703%;
        float: none;
        margin-bottom: 0px;
        margin-right: auto;
    }

    #box3 {
        margin-top: 57.25px;
        margin-left: 0%;
        clear: none;
        height: auto;
    }

    #text8 {
        margin-top: 100px;
        clear: none;
        height: auto;
        width: 62.145182%;
        margin-left: auto;
        float: none;
        margin-right: auto;
    }

    #text9 {
        height: auto;
        margin-left: auto;
        clear: none;
        width: 82.470703%;
        text-align: center;
        float: none;
        margin-right: auto;
    }

    #image1 {
        clear: none;
        margin-left: auto;
        max-width: none;
        margin-right: auto;
    }

    #image2 {
        clear: none;
    }

    #image3 {
        margin-top: 72.3125px;
        margin-left: auto;
        clear: none;
        float: none;
        margin-right: auto;
    }

    #box4 {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
        margin-right: 0%;
        height: auto;
    }

    #text10 {
        margin-top: 100px;
        clear: none;
        margin-left: auto;
        float: none;
        height: auto;
        width: 67.509766%;
        margin-right: auto;
    }

    #text11 {
        height: auto;
        margin-left: 8.964844%;
        clear: none;
        width: 82.470703%;
        float: none;
        text-align: center;
    }

    #image4 {
        margin-top: 50px;
        margin-left: auto;
        clear: none;
        margin-right: auto;
        float: none;
    }

    #box5 {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
    }

    #text12 {
        margin-top: 100px;
        clear: none;
        height: auto;
        width: 61.513672%;
        margin-left: 19.241536%;
        float: left;
        text-align: center;
        margin-right: 0px;
    }

    #text13 {
        height: auto;
        margin-left: 9.479167%;
        clear: both;
        width: 82.470703%;
        margin-right: 0px;
        text-align: center;
        float: left;
        margin-top: 15px;
    }

    #image5 {
        margin-right: auto;
        margin-top: 300px;
        clear: none;
        margin-left: auto;
        float: none;
    }

    #box6 {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
    }

    #text14 {
        margin-top: 78.625px;
        margin-left: 8.763021%;
        clear: none;
        height: auto;
        min-height: 32px;
        width: 19.570313%;
    }

    #text15 {
        margin-top: 77.625px;
        margin-left: 12.265625%;
        clear: none;
        height: auto;
        min-height: 17.125px;
        width: 17.063802%;
    }

    #text16 {
        margin-top: 78.625px;
        margin-left: 17.151693%;
        clear: none;
        margin-right: 0%;
    }

    #text17 {
        margin-top: 22.125px;
        margin-right: 0%;
        margin-left: 8.828125%;
        clear: both;
        height: auto;
        min-height: 126px;
        width: 22.903646%;
    }

    #text18 {
        margin-top: 22px;
        margin-left: 8.854167%;
        clear: none;
        height: auto;
        min-height: 94px;
        width: 23.108724%;
    }

    #text19 {
        margin-top: 22px;
        margin-left: 10.738932%;
        clear: none;
    }
}